<!--
 * @Description: 
 * @Date: 2022-07-01 08:50:14
 * @LastEditTime: 2022-10-09 11:41:00
 * @FilePath: \vue3\src\views\mock\mock.vue
-->
<template>
  <div>
    <el-button @click="getRef()">获取ref数据</el-button>
    <div>ref请求数据结果:{{ refData }}</div>
    <el-button @click="getReactive()">获取Reactive数据</el-button>
    <div>ref请求数据结果:{{ reactiveData.data }}</div>
  </div>
</template>
<script setup>
import axios from "axios";
import { reactive, toRefs, ref } from "vue-demi";

let refData = ref({});

const getRef = ()=>{
  axios.get("/api/getRef").then((res) => {
  refData.value = res.data;
});
}

let reactiveData = reactive({
  data:{}
});

const getReactive = ()=>{
  axios.get("/api/business/dispatchOrder/queryPageWithSaleFlow").then((res) => {
  reactiveData.data = res.data;
});
}

</script>
